.horizontal-good-card-box {
	display: flex;
	justify-content: space-between;
	flex: 1;

	.good-msg {
		padding-left: 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex: 1;
		.name {
			font-size: 30rpx;
			color: #292b2e;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.name-two {
			font-size: 30rpx;
			color: #292b2e;
			height: 75rpx; 
			line-height: 40rpx; 
			overflow: hidden;
		}

		.desc {
			font-size: 24rpx;
			color: #aaa;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.desc-two {
			font-size: 24rpx;
			color: #a5673f;
			height: 70rpx;
			margin-bottom: 10rpx;
			overflow: hidden;
		}

		.tag-box {
			display: flex;
			flex-direction: row;
			align-items: center;

			.tag {
				font-size: 20rpx;
				padding: 0 15rpx;
				border-radius: 20px;
				color: #fff;
				background-color: #d33123;
				margin-right: 10rpx;
				line-height: 40rpx;
				height: 40rpx;
			}
		}

		.price-msg {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;

			.price-box {
				display: flex;
				flex-direction: row;
				align-items: flex-end;

				.price {
					display: flex;
					flex-direction: row;
					align-items: flex-end;
					margin-right: 10rpx;

					.symbol {
						font-size: 22rpx;
						color: #d33123;
						margin-bottom: 0rpx;
						line-height: 1;
					}

					.num {
						font-size: 36rpx;
						font-weight: bold;
						color: #d33123;
						line-height: 1;
					}
				}
			}

			.btn {
				.btn-tit {
					width: 150rpx;
					background-color: #333;
					border-radius: 50px;
					font-size: 24rpx;
					color: #fff;
					padding: 10rpx 0;
					text-align: center;
				}
			}
		}
	}
}

.vertical-good-card-box {
	.good-msg {
		.name {
			font-size: 27rpx;
			color: #292b2e;
			margin-top: 10rpx;
			margin-bottom: 10rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.name-two {
			font-size: 27rpx;
			height: 70rpx;
			color: #292b2e;
			margin-top: 10rpx;
			margin-bottom: 10rpx;
			overflow: hidden;
		}

		.desc {
			font-size: 24rpx;
			color: #a5673f;
			margin-bottom: 10rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.desc-two {
			font-size: 24rpx;
			color: #a5673f;
			margin-bottom: 10rpx;
			overflow: hidden;
			white-space: initial;
			height: 70rpx;
		}
		.tag-box {
			display: flex;
			flex-direction: row;
			align-items: center;

			.tag {
				font-size: 20rpx;
				padding: 0 15rpx;
				border-radius: 20px;
				color: #fff;
				background-color: #d33123;
				margin-right: 10rpx;
				line-height: 40rpx;
				height: 40rpx;
			}
		}

		.price-msg {
			.price-box {
				display: flex;
				align-items: flex-end;
				margin-bottom: 15rpx;
				margin-top: 5rpx;

				.price {
					display: flex;
					flex-direction: row;
					align-items: flex-end;
					margin-right: 10rpx;

					.symbol {
						font-size: 22rpx;
						color: #d33123;
						margin-bottom: 0rpx;
						line-height: 1;
					}

					.num {
						font-size: 40rpx;
						font-weight: bold;
						color: #d33123;
						line-height: 1;
						margin-bottom: -3rpx;
					}
				}

				.underlin-price {
					line-height: 1;
					font-size: 22rpx;
					text-decoration: line-through;
					color: #6e737d;
				}
			}

			.btn {
				flex: 1;
				background-color: #333;
				border-radius: 50px;
				font-size: 24rpx;
				color: #fff;
				padding: 10rpx 0;
				text-align: center;
			}
		}
	}
}

.img-box {
	position: relative;
	border-radius: 10rpx;
	overflow: hidden;
	.hot {
		position: absolute;
		left: 10rpx;
		top: 10rpx;
		border-radius: 5rpx;
		font-size: 20rpx;
		padding: 5rpx 10rpx;
		background: #d33123;
		color: #fff;
	}
	.recommend {
		position: absolute;
		right: 10rpx;
		top: 10rpx;
		border-radius: 5rpx;
		font-size: 20rpx;
		padding: 5rpx 10rpx;
		background: #3c9cff;
		color: #fff;
	}
}

.good-img {
	width: 100%;
	height: 100%;
}
